<?php
  if (!defined('baseinfo')) {
    exitdata();
}  
?>
<div class="subB clTxt1 fs05 clBg4">
                                <div class="wrpSubB mainSB">
                                    <div class="ttlB cutTxt">Gamification Manager</div>
                                    <button onclick="linkto(baseinfo)" class="btnGen clTxtW cutTxt clBgBt1 fs04">View Site</button>
                                </div>
                            </div>
<div class="wrpInBe">
                                <div class="ctnBe clBg4 clBd2 bdFull"><div class="wrprGameMn">
    <div class="wrpTgHdGen clBd2 bdBtm clTxt2 fs04">
        <span onclick="changepagegame('wrprLevelMn',2)" class="tgHdGen tgCl clBd2 bdR clSp2">Level</span>
        <span onclick="changepagegame('wrprBadgeMn',3)" class="tgHdGen tgCl clBd2 bdR">Badge</span>
        <span onclick="changepagegame('wrprEXPMn',4)" class="tgHdGen tgCl clBd2 bdR">EXP</span>
        <span onclick="changepagegame('wrprPointMn',5)" class="tgHdGen tgCl clBd2 bdR">Point</span>
        <span onclick="changepagegame('wrprPlayerMn',6)" class="tgHdGen tgCl clBd2 bdR">Player</span>
        <span onclick="changepagegame('wrpRuleMn',7)" class="tgHdGen tgCl clBd2">Rules</span>
    </div>
    <div class="wrpGameMn fs04">
        <div class="wrpInGameMn wrprLevelMn">
            <div class="gameMn frstGameMn">
                <h2 class="boldGen">1. EXP Needed per Level</h2>
                <div class="bdGameMn">
                    <div class="rdoEXPPerLvl">
                        <input type="radio" name="levelstatus" checked="checked" value="1"  >
                        <label for="constant">Constant</label>
                        <div class="evry">
                            <label for="">: Every</label>
                            <input type="text" name="levelexp"  class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                            <label for="">EXP</label>
                        </div>
                            <span class="clTxt3 fs03">(ถ้าเลือก Constant คุณไม่จำเป็นต้องกรอก Initial EXP ในการ Create Gamification Level)</span>
                        
                    </div>
                    <div class="rdoEXPPerLvl">
                        <input type="radio" name="levelstatus" value="2" >
                        <label for="variable">Variable</label>
                    </div>
                    <div class="btnEXPPerLvl">
                        <button class="clTxtW clBgBt1 fs04" onclick="savegamnificationfiter(1)">Submit</button>
                    </div>
                </div>
            </div>
                <div class="gameMn scndGameMn" style="display: none;">
                <h2 class="boldGen">2. Create Gamification Level</h2>
                <div class="bdGameMn">
                    <div class="btnAddGameMn clearfix">
                        <button class="clTxtW clBgBt1 fs04" onclick="addmorelevel()">+ Add More Level</button>
                    </div>
                    <div class="bdAddGameMn creategamilevel">

                                            </div>
                </div>
            </div>
        </div>
        <div class="wrpInGameMn wrprBadgeMn" style="display: none;">
            <div class="gameMn">
                <h2 class="boldGen">Create Gamification Badge</h2>
                <div class="bdGameMn">
                    <div class="btnAddGameMn clearfix">
                        <button class="clTxtW clBgBt1 fs04" onclick="addbadgelevel()">+ Add More Badge</button>
                    </div>
                    <div class="bdAddGameMn creategambadge">
                    
                    </div>
                </div>
            </div>
        </div>
        <div class="wrpInGameMn wrprEXPMn" style="display: none;">
            <div class="gameMn">
                <h2 class="boldGen">EXP Configuration</h2>
                <div class="bdGameMn">
                    <div class="bdAddGameMn createexpconfig">
                                               
                    </div>
                </div>
            </div>
        </div>
        <div class="wrpInGameMn wrprPointMn" style="display: none;">
            <div class="gameMn">
                <h2 class="boldGen">Point Configuration</h2>
                <div class="bdGameMn">
                    <div class="bdAddGameMn">
                        <div class="bdInAddGameMn clearfix">
                            <div class="inpGameMn">
                                <div class="wrpInpGameMn pntNmGm clearfix">
                                    <span class="spnGmMn">1 Point</span>
                                    <div class="inpGmMn">
                                        <span class="spnInpGmMn1">=</span>
                                        <input type="text" name="pointconfig[]" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                        <span class="spnInpGmMn2">EXP</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrpInGameMn wrprPlayerMn" style="display: none;">
            <div class="gameMn">
                <div class="bdGameMnPlyer clearfix">
                    <div class="wrpSrchBox">
                        <input type="text" class="srchBox clBg4 fs01 clTxt3" id="srchBoxdata"  placeholder="Search">
                        <div class="btnIco srchGen" onclick="searchBox()">
                            <span class="ico icoSrchGen"></span>
                        </div>
                    </div>
                    <div class="wrprPlyerLst">
                        <div class="hdPlyerLst">
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordPlyer">
                                    <span class="boldGen">No.</span>
                                </div>
                                <div class="nmePlyer">
                                    <span class="boldGen">Player</span>
                                </div>
                                <div class="lvlPlyer">
                                    <span class="boldGen">Level</span>
                                </div>
                                <div class="EXPPlyer">
                                    <span class="boldGen">EXP</span>
                                </div>
                                <div class="pntPlyer">
                                    <span class="boldGen">Point</span>
                                </div>
                            </div>
                        </div>
                        <div class="bdPlyerLst"></div>
                        <div id="pagePlyer"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrpInGameMn wrpRuleMn" id="feature1" style="display: none;">
            <div class="gameMn imageimgrule">
                <h2 class="boldGen">Rules Image Upload</h2>
                <div class="bdGameMn">
                    <div class="wrpPlgRuleGm clBg5 clBd2 bdFull">
                        <div class="plgAreaRuleGm"></div>
                        <div class="wrpOutAtcPlg">
                            <div class="wrpAtcPlg">
                                <span class="ico icoImgPlg"></span>
                                <div class="spnAtcPlg clTxtW">
                                    <span class="fs03">Image</span>
                                </div>
                            </div>
                        </div>
                        <div class="wrpTl" >
                            <div class="addTool">
                                <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                    <span class="ico icoAddImgTl"></span>
                                    <div class="wrpUlFile">

                                    </div>
                                </div>
                                <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                    <span class="ico icoAddCldTl"></span>
                                </div>
                                <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                    <span class="ico icoAddLnkTl"></span>
                                </div>
                                <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                    <span class="ico icoRmvTl"></span>
                                </div>
                            </div>
                        </div>
                        <span class="desPlg clTxt3 fs03">Select rules image.</span>
                    </div>
                </div>
            </div>       
        </div>
    </div>
</div>









</div>
                                <div class="btnBe clearfix"><button type="button" onclick="savecheckdatagame()" class="btnGen clTxtW cutTxt clBgSp2 fs04">Save</button></div>
                            </div>